import Vue from 'vue'
import Router from 'vue-router'
import Home from './pages/home.vue'
import Index from './pages/index.vue'
import Product from './pages/product.vue'
import Detail from './pages/detail.vue'
import Cart from './pages/cart.vue'
import Order from './pages/order.vue'
import OrderConfirm from './pages/orderConfirm.vue'
import OrderPay from './pages/orderPay.vue'

Vue.use(Router);

export default new Router({
  routes:[
    {
      path: '/',
      name: 'home',
      component: Home,
      redirect:'/index',
      children:[
        {
          path:'/index',
          name: 'index',
          component: Index
        },{
          path:'/product/:id',
          name: 'product',
          component: Product
        },{
          path:'/detail/:id',
          name: 'detail',
          component: Detail
        }
      ]
    },{
      path: '/cart',
      name: 'cart',
      component: Cart,
    },{
      path: '/order',
      name: 'order',
      component: Order,
      children:[
        {
          path: '/list',
          name: 'order-list',
          component: OrderConfirm
        },{
          path: '/confirm',
          name: 'confirm',
          component: OrderConfirm
        },{
          path: '/orderPay',
          name: 'orderPay',
          component: OrderPay
        }
      ]
    }
  ]
})